import {
  RectangleGroupIcon,
  DocumentTextIcon,
  BoltIcon,
  CodeBracketIcon
} from '@heroicons/react/24/outline';
import {Card} from 'nextra-theme-docs';

# Environments

The `next-intl` APIs are available in the following environments:

<div className="mt-8 flex flex-col gap-4 md:w-2/3">
  <Card
    arrow
    icon={<RectangleGroupIcon />}
    title="Server & Client Components"
    href="/docs/environments/server-client-components"
  />
  <Card
    arrow
    icon={<DocumentTextIcon />}
    title="Metadata API & Route Handlers"
    href="/docs/environments/metadata-route-handlers"
  />
  <Card
    arrow
    icon={<BoltIcon />}
    title="Error files (e.g. not-found)"
    href="/docs/environments/error-files"
  />
  <Card
    arrow
    icon={<CodeBracketIcon />}
    title="Core library (agnostic)"
    href="/docs/environments/core-library"
  />
</div>

While modern browsers and server runtimes typically support all necessary JavaScript APIs that are required for `next-intl`, you can double check [the runtime requirements](/docs/environments/runtime-requirements).
